:host(.quick-action-list) {
  --list-scroll-color: rgba(212, 212, 212, 0.6);
}

:host(.quick-action-list) {
  position: relative;
  display: block;
  line-height: 22px;
  margin-top: 6px;
  margin-bottom: 6px;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;

  .quick-action-list-scroll {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 40vh;

    &::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background: transparent;
    }
    &::-webkit-scrollbar-track {
      border-radius: 0;
      box-shadow: none;
      border: 0;
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 0;
      box-shadow: none;
      border: 0;
      background-color: var(--list-scroll-color);
    }
  }

  .not-data {
    width: 100%;
    text-align: center;
    color: #878787;
  }
}
